<script lang="ts" setup>
import { ref, onMounted } from 'vue';

const count = ref(0);
const mocksList = ref([
  {
    name: 'African Elephant',
    species: 'Loxodonta africana',
    diet: 'Herbivore',
    habitat: 'Savanna, Forests',
  },
]);

onMounted(() => {
  count.value = Math.random();
})
</script>

<template>
  <h1>数据Mock助手</h1>
  <v-data-table :items="mocksList">
    <template v-slot:item.actions="{ item }">
      <v-icon
        class="me-2"
        size="small"
        @click="editItem(item)"
      >
        COPY
      </v-icon>
      <v-icon
        size="small"
      >
        REFRESH
      </v-icon>
    </template>
  </v-data-table>
</template>

<style scoped>
</style>
